<div class="page-header">
	<h1>Add Item</h1>
</div>

<div class="row">
	<div class="span12">
		<@s.form method="post" action="/module/item/add" theme="bootstrap" cssClass="form-horizontal">
			<input type="hidden" name="item.id" value="${item.id!}" />
			<@s.textfield label="Name" name="item.name" maxLength="100" required="true" cssClass="span3" />
			<@s.textarea label="Description" name="item.description" cssClass="span3" rows="5" />
			<div class="control-group">
				<label class="control-label" for="add_item_category">Category<span class="required">*</span></label>
				<div class="controls">
				<select name="item.category.id" id="add_item_category">
					<#list categories as c>
					<option value="${c.id!}" <#if c.id == item.category.id!>selected</#if>>${c.name!}</option>
					</#list>
				</select>
				</div>
			</div>
			
			<div class="form-actions" style="background-color: transparent;">
				<input type="submit" value="Save" class="btn btn-primary" />
				<input type="reset" value="Reset" class="btn" />
			</div>
		</@s.form>
	</div>
</div>